<template>
	<view class="content">
				<view class="title" v-for="item in 6">
					<view class="text">
						<text>公告标题</text>	
						<time>
							<text>2018-10-12 </text>
							<text> 20:00:00</text>
						</time>
						
					</view>
					<text>公告内容公告内容公告内容公告内容公告内容</text>
				</view>
				
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.content{
		width: 100%;
		height: 100vh;
		background-color: #F2F1F2;
	}
.title{
	display: flex;
	flex-direction: column;
	padding: 30upx;
	background-color: #fff;
	border-bottom: 30upx solid #F2F1F2;
}
.text{
	display: flex;
	justify-content: space-between;
}
</style>
